﻿/*Estilo General para todos los componentes*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/


img, object
{
	max-height: 99%;
	max-width: 99%;
}




/*Estilo Para Page, Content, Header y Footer*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
#pageDefault .ui-content
{
	position: absolute;
	top: 35px;
	right: 0;
	bottom: 0;
	left: 0;
}

#pageDetails .ui-content
{
	position: absolute;
	top: 35px;
	right: 0;
	bottom: 0;
	left: 0;
}


[data-role=footer]
{
	bottom: 0 !important;
	height: 35px !important;
	width: 100% !important;
	vertical-align: middle !important;
}
[data-role=header]
{
	bottom: 0 !important;
	height: 35px !important;
	width: 100% !important;
	vertical-align: middle !important;
}


/*Estilo Para el menu del sitio*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
#panel-menu {  
    background: #E9E9E9;  

}
#panel-menu a:hover {  
    background: #E9E9E9;  
}  

#panel-menu ul li{
background:#FCFCFC ;
  border-bottom-color: #B4B4B4 !important;
  border-top-color: #B4B4B4 !important;
      border-left-color: #B4B4B4 !important;

}
#panel-menu ul li a
{
  color: #B3B3B3  ; 
      text-decoration: none ;  
     display: block;

}

#panel-menu ul li a hx
{
    color: #595959;
}

#panel-menu ul li a p
{
    color: #595959;


}
#panel-menu ul li.active a 
{
    background:#E9E9E9 !important ;
}

.selectedMenu{
background:#E9E9E9 !important ;

}

.imgPanelMenu
{
	position: absolute;
	top: 0;
	bottom: 15px;
	margin: auto;
}


.myParagraph.ui-li-desc {
		
			overflow:show;
			text-overflow:clip;
			white-space:normal;
			
			margin-bottom:0px;
		}
.ui-controlgroup
{
	margin: 0; /*make the buttons flush to the top*/
}


/*Estilo Para La Pagina Maestra MasterSite*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

#imgAdo
{
	position: relative;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}



#bars-button
{
	margin: 7px;
}



#centerImgDiv a img
{
	display: block;
	margin: 0 auto;
	text-align: center;
}



/*Estilo Generales para ciertos componentes*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
.alignCenter
{
	text-align: center;
}

.alignLeft
{
	text-align:left;
}
.alignRight
{
	text-align:right;
}
.imgCenter
{
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.leftVerticalMiddle
{
	text-align: left;
	vertical-align: middle;
}
.centerVerticalMiddle
{
	text-align: center;
	vertical-align: middle;
}
.rightVerticalMiddle
{
	text-align: right;
	vertical-align: middle;
}

.imgTextContainer
{
	margin: 20px 20px 0 0;
	overflow: auto;
}
.imgTextThumb
{
	float: left;
}
.imgTextThumb img
{
	display: block;
}
.imgTextContent
{
	margin-left: 0%;
	text-align: center;
}
.imgTextContentTitle
{
	font-weight: bold;
}

.whiteLink
{
	 color: #FFFFFF;
    text-decoration: none;
}
.boldLink
{
	color: #000000;
    text-decoration: none;
    font-weight:bold;
}
.hiddenComponent
{
	 display: none;
}
.visibleComponent
{
	 display: inline;
}

.fullScreen{
	position:absolute;
	left:0; right:0; top:0; bottom:0;
	width:100%; height:100%;
	display: block;
    background: inherit;
    margin: 0;
    padding: 0;
    z-index: 9999;
}

/*Estilo Para Componentes Especificos*/
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

.horizontalLineGreen
{
	color: rgb(159, 202, 161);
	background-color: rgb(159, 202, 161);
	height: 5px;
	width: 100%;
}

.horizontalLineSim
{
	color: rgb(149, 97, 168);
	background-color: rgb(149, 97, 168);
	height: 5px;
	width: 100%;
}

.horizontalLineSav
{
	color: rgb(0, 45, 86);
	background-color: rgb(0, 45, 86);
	height: 5px;
	width: 100%;
}

.adoFooter
{
	margin: 0 !important;
	font-size: 8px !important;
	font-family: Helvetica, Arial, sans-serif !important;
	color: white !important;
	float: left;
}


.circleGreen
{
	width: 85px;
	height: 85px;
	border-radius: 150px;
	font-size: 14px;
	color: #fff;
	line-height: 85px;
	text-align: center;
	background: #439539;
	display: inline-block;
}

.circleRed
{
	width: 85px;
	height: 85px;
	border-radius: 150px;
	font-size: 14px;
	color: #fff;
	line-height: 85px;
	text-align: center;
	background: #C1272D;
	display: inline-block;
}


.circleYellow
{
	width: 85px;
	height: 85px;
	border-radius: 150px;
	font-size: 14px;
	color: #fff;
	line-height: 85px;
	text-align: center;
	background: #F7B90D;
	display: inline-block;
}
#panelFactor
{
	background: #E6E6E6;
	width: 99%;
	height: 99%;
	border-radius: 50px;
	border: 1px solid #B3B3B3;
	line-height: 99%;
	font-weight: bold;
}


#panelMeta
{
	background: #E6E6E6;
	width: 99%;
	height: 99%;
	border-radius: 100px;
	border: 1px solid #B3B3B3;
	line-height: 99%;
	font-weight: bold;
}

.button-actualizar
{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #E6E6E6 0%, #C0C0C0 100%) !important;

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #E6E6E6 0%, #C0C0C0 100%) !important;

/* Opera */ 
background-image: -o-linear-gradient(bottom, #E6E6E6 0%, #C0C0C0 100%) !important;

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E6E6E6), color-stop(1, #C0C0C0)) !important;

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, #C0C0C0 100%) !important;

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #E6E6E6 0%, #C0C0C0 100%) !important;
	 color: black !important;
}

.hideContentHeaderFooter
{
    position : absolute !important ;
    bottom   : 0 !important ;
    left     : 0 !important ;
    height   : 0 !important ;
    display: none;  
}
.fullContentWithoutHeaderAndFooter 
{
    position : absolute !important;
    top      : 0 !important;
    right    : 0 !important;
    bottom   : 0 !important;
    left     : 0 !important;
}

